<template>
  <div>
    <h1>{{ msg }}</h1>
    <button @click="changeMsg">改变</button>
  </div>
</template>

<script>
import { reactive, ref } from 'vue';
export default {
  setup() {
    let msg = ref(11);
    console.log(msg);
    console.log(msg.value);
    let changeMsg = () => {
      msg.value++, console.log(msg);
    };
    return { msg, changeMsg };
  },
};
</script>
